<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--有序列表
应用范围:试卷、问答....
-->
<ol>
    <li>JAVA</li>
    <li>前端</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/C++</li>
</ol>

<hr/>

<!--无序列表
应用范围：导航，侧边栏...
-->
<ul>
    <li>JAVA</li>
    <li>前端</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/C++</li>
</ul>
<!--自定义列表
dl:标签
dt:列表
dd:列表内容
应用范围:网页底部...
-->
<dl>
    <dt>学科</dt>
    <dd>JAVA</dd>
    <dd>Python</dd>
    <dd>Linux</dd>
    <dd>C</dd>

    <dt>位置</dt>
    <dd>重庆</dd>
    <dd>西安</dd>
    <dd>新疆</dd>
    <dd>北京</dd>
</dl>

</body>
</html>